<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="Content-Language" content="es">
        <meta name="Robots" content="all">
        <meta name="Distribution" content="global">
        <meta name="description" content="iRestauranting monitoriza las principales páginas sobre restauración, valoramos tu presencia en Internet, las opiniones de tus clientes y la actividad sobre tu restaurante">
        <link rel="icon" href="img/favicon.ico" type="image/x-icon" >
        <title>iRestauranting - Como funciona</title>
        <link rel="stylesheet" media="all" href="css/irestauranting.css" >
    	<link rel="stylesheet" media="screen and (max-width: 1023px)" href="css/irestauranting_tablet.css" >
        <link rel="stylesheet" href="css/magnific-popup.css" >	
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" >
    	<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
</head>

<body>
	<div id="container_trama">
        <div id="resto_header">
        	<div id="header-center">
                <div style="float:left">
                	<a href="index.html"><img src="img/LogoHome.png" /></a>
                </div>
                <div style="margin-left:30px;float:left">
                 	<img src="img/barra_header.png" />
                 </div>
                 <div style="margin-top:20px;margin-left:30px;float:left;">
                 	<a style="text-decoration: none;"  href="como_funciona.html"><span style="color:#FFF" class="texto_span_16_bold">Cómo funciona</span></a>
                 </div>
                 <div style="margin-left:30px;float:left">
                 	<img src="img/barra_header.png" />
                 </div>
                 <div  style="margin-top:20px;margin-left:30px;float:left">
                 	<a style="text-decoration: none;" href="que_te_ofrecemos.html"><span style="color:#FFF" class="texto_span_16_bold">Qué te ofrecemos</span></a>
                 </div>
                 <div style="margin-left:30px;float:left">
                 	<img src="img/barra_header.png" />
                 </div>
                 <div  style="margin-top:20px;margin-left:30px;float:left">
                 	<a id="contact_form_link" style="text-decoration: none;" href="#contact-popup"><span style="color:#FFF" class="texto_span_16_bold">Contacto</span></a>
                 </div>
             </div>
         </div>
         <div id="separador_header">
         </div>	
         <div style="clear:both" />
         <div id="container_plantilla_como_funciona">
            <div class="texto_30">Cómo funciona iRestauranting</div>
            <div id="container_como_funciona_1" style="float:left;position:relative;margin-bottom:30px;">
            		<div class="como_funciona_col_img">
                		<img src="img/como_funciona_1.png" />
               		</div>
                	<div class="como_funciona_col_txt" style="margin-top:70px;">
                		Monitorizamos tu restaurante en las principales redes de Internet
            		</div>
               
            </div>
            <div style="clear:both"></div>
            <div id="container_como_funciona_2" style="float:left;position:relative;margin-bottom:30px;width:100%;background-color:#e6e7e8">
            	<div class="como_funciona_col_txt" style="margin-top:90px;">
                    Valoramos tu restaurante a partir de tu presencia en Internet, las opiniones de tus clientes y la actividad sobre tu restaurante en la red
                </div>
            	<div class="como_funciona_col_img">
                    <img src="img/como_funciona_3.png" />
                </div>
                
            </div>
            <div id="container_como_funciona_3" style="margin-left:30px;float:left;position:relative;margin-bottom:30px;width:100%;">
            	<div class="como_funciona_col_img">
                    <img src="img/como_funciona_2.png" />
                </div>
            	<div class="como_funciona_col_txt" style="margin-top:170px;margin-left:30px;">
                    Presentamos los resultados al instante, sin esperas, sin que tengas que registrarte en la herramienta, y lo mejor de todo, de forma totalmente gratuita
                </div>
            	
                
            </div>
            <!--
            <div class="texto_23">
            	<span class="texto_span_orange_32">3. </span> Presentamos los resultados al instante, sin esperas, sin que tengas que registrarte en la herramienta, y lo mejor de todo, de forma totalmente gratuita
            </div>
            <div class="texto_23">
            	<span class="texto_span_orange_32">4. </span> A partir de los resultados te ofrecemos realizar una campaña de social media para mejorar tu impacto en la red.
            </div>
         	-->
        </div>
        
		<div id="contact-popup" class="white-popup mfp-hide">
  			<form id="form_contact">
                <div id="resumen_envio" class="resumen_indicador_graph">
                            Contáctanos
                </div>  
                
                <div>
                    <span class="texto_form">Nombre:</span>
                    
                    <input style="display: inline-block;" type="text" name="name" id="name" size="40" />
                </div>
                <div>
                    <span class="texto_form">E-Mail:</span>
                    <input style="display: inline-block;" type="text" name="email" id="email" size="40" />
                </div>
                <div >
                    <span class="texto_form">Comentario:</span>
                    <textarea rows="10" cols="39" name="message" id="message"></textarea>
                </div>
                <div style="width:100%;">
            		<a id="submitButtonId"><img style="display: block;margin: 0 auto;cursor:pointer;" src="img/enviar.png" /></a>
            	</div>
            </form>
		</div>
		<div id="login-popup" style="height:200px;" class="white-popup mfp-hide">
  			<form id="form_login">
                <div id="resumen_envio" style="color:#F90" class="resumen_indicador_graph">
                            ENTRAR
                </div>  
                
                <div>
                    <span class="texto_form">Usuario:</span>
                    
                    <input style="display: inline-block;" type="text" name="name" id="name" size="40" />
                </div>
                <div>
                    <span class="texto_form">Contraseña:</span>
                    <input style="display: inline-block;" type="password" name="email" id="email" size="40" />
                </div>
                <br/>
                <div style="width:100%;position:relative">
                	<div style="position:relative;float:left;margin-left:30px;">
            			<a id="signup_form_link" href="#signup-popup"><span style="color:#F90" class="texto_form">¿Nuevo en iRestauranting?</span></a>
                    </div>
                	<div style="position:relative;float:right;margin-right:110px;">
            			<a id="submit_login"><img style="display: block;margin: 0 auto;cursor:pointer;" src="img/BotonEntrar.png" /></a>
                    </div>
            	</div>
                <div style="clear:both" />
                <br/>
                <div id="validate_login" style="text-align:center;width:100%;position:relative;color:#C03">
                </div>
            </form>
		</div>
        <div id="signup-popup" style="height:200px;" class="white-popup mfp-hide">
  			<form id="form_signup">
                <div id="resumen_envio" style="color:#F90" class="resumen_indicador_graph">
                            ALTA DE NUEVO USUARIO
                </div>  
                
                <div>
                    <span class="texto_form">Usuario:</span>
                    
                    <input style="display: inline-block;" type="text" name="name" id="name" size="40" />
                </div>
                <div>
                    <span class="texto_form">Correo:</span>
                    
                    <input style="display: inline-block;" type="text" name="correo" id="correo" size="40" />
                </div>
                <div>
                    <span class="texto_form">Restaurante:</span>
                    
                    <input style="display: inline-block;" type="text" name="restaurante" id="restaurante" size="40" />
                </div>
                <br/>
                <div style="width:100%;position:relative">                	
            			<a id="signUpId"><img style="display: block;margin: 0 auto;cursor:pointer;" src="img/BotonAceptar.png" /></a>
            	</div>
            </form>
		</div>
     </div>
	<div style="clear:both" ></div>
	<div id="separador_footer">
	</div>
	<div id="resto_footer">
	<div id="header-center">
		<div style="float:left">
			
		</div>			
	 </div>
	</div>
    <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
    <!-- Magnific Popup core JS file -->
    <script src="js/jquery.magnific-popup.js"></script> 
    <script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
    <script type="text/javascript">
			var nueva_func = "";
			
			$("#submitButtonId").click(function() {
				
				
				var url = "contact/contact_form.php"; // the script where you handle the form input.
			
				$.ajax({
					   type: "POST",
					   url: url,
					   data: $("#form_contact").serialize(), // serializes the form's elements.
					   success: function(data)
					   {
						  $.magnificPopup.open({
							  items: {
								src: '<div class="white-popup-thanks"><div class="resumen_indicador_graph">Muchas gracias por contactarnos.<br/><br/>Sus comentarios serán analizados por el equipo de iRestauranting</div></div>', 
								type: 'inline',
								midClick: true 
							  }
							});
						   
						 
					   }
					 });
			
				return false; // avoid to execute the actual submit of the form.
			});
			
			$("#signUpId").click(function() {
				var url = "contact/contact_form.php?alta=1&nueva_func=" + nueva_func; // the script where you handle the form input.
			
				$.ajax({
					   type: "POST",
					   url: url,
					   data: $("#form_signup").serialize(), // serializes the form's elements.
					   success: function(data)
					   {
						  	 
							$.magnificPopup.open({
							  items: {
								src: '<div class="white-popup-thanks"><div class="resumen_indicador_graph">Analizaremos tu petición y te enviaremos un correo con la contraseña para acceder al área privada</div><br/><br/><br/><br/><br/><div id="resumen_envio" style="color:#F90" class="resumen_indicador_graph">Muchas gracias por darse de alta</div></div>', 
								type: 'inline',
								midClick: true 
							  }
							});
					   }
					 });
				
				return false;
			});
           
			// Carga del popup del contact form
			$('#contact_form_link').magnificPopup({ 
			  type:'inline',
  			  midClick: true 
			});
			
			// Carga del popup del contact form
			$('#contact_form_link2').magnificPopup({ 
			  type:'inline',
  			  midClick: true 
			});
			
			// Carga del popup de login
			$('.login_form_link').magnificPopup({ 
			  type:'inline',
  			  midClick: true,
			  callbacks : {
				open : function(){
				  var mp = $.magnificPopup.instance,
					  t = $(mp.currItem.el[0]);

				   nueva_func = t.data('custom');
				}
			  }			  
			});
			
			// Carga del popup de login
			$('#signup_form_link').magnificPopup({ 
			  type:'inline',
  			  midClick: true
			  
			  
			});
    </script>
	 <script type="text/javascript">

		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-42707380-1']);
		_gaq.push(['_setDomainName', 'irestauranting.com']);
		_gaq.push(['_setDomainName', 'irestauranting.es']);
		_gaq.push(['_setAllowLinker', true]);
		_gaq.push(['_trackPageview']);

		(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript';
		  ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 
		  'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0];
		  s.parentNode.insertBefore(ga, s);
		})();

</script>
</body>
</html>